<template>
  <div class="page">
    <div class="scroll-view">
      <!-- <customHeader middleTitle="支付宝城市消费券" @leftCallBack="goBack" /> -->
      <div class="scroll-ct page-body">
        <div class="section" ref="wrapper" :style="{height:'100%'}">
          <img class="img img-top" src="https://jindd-prod-image.jindd.com.cn/2023/03/01/20/249251677673559.png"/>
          <img @click="linkToIframe" class="img img-btn" src="https://jindd-prod-image.jindd.com.cn//2020/06/01/23/349121591025017.png"/>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { Toast } from "mint-ui";
import customHeader from "@/components/header/header";
import jsBridge from "@/tools/jsBridge";
export default {
  name: "Concat",
  components: {
    customHeader
  },
  data() {
    return {
      yzSupplierId: ''
    };
  },
  methods: {
    goBack() {
      if(String(this.$route.query.close)=="true") {
        jsBridge.closeWindow();
      }else {
        this.$router.back();
      }
    },
		linkToIframe() {
      window.location.href = `http://antmer.yunzongnet.com:8080/merchantSignup/index.html?merchantId=${this.yzSupplierId}`+'&t='+Date.now();
      // return;
      // this.$router.push({
			// 	path: '/iframe',
			// 	query: { title: '城市消费券活动报名', url: `http://antmer.yunzongnet.com:8080/merchantSignup/index.html?merchantId=${this.yzSupplierId}` }
			// });
    }
  },
  mounted() {
    CommonUtil.getUserInfo(true).then(userInfo => {
      this.yzSupplierId = userInfo ? userInfo.yzSupplierId : '';
    });
    setTimeout(() => {
      if(window.selfControlBack){
        window.AppUtil.call(window.AppUtil.APIS.SET_BACK_OPTION, {
          control: false
        });
      }
    }, 2000);
  }
};
</script>

<style lang="scss" scoped>
@import "../../style/public";
.page-body {
	background-color: #0473ff;
	.img {
		width: 100%;
		height: auto;
		&.img-top {
			@include remCalc(min-height, 300);
		}
		&.img-btn {
			transform: translateY(-100%);
		}
	}
}
</style>
